<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>SMM撮合系统-联系人</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<link href="${request.getContextPath()}/Public/assets/admin/css/css.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/Public/assets/global/plugins/jquery-notific8/jquery.notific8.min.css"/>
<link href="${request.getContextPath()}/Public/assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/css/plugins.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/admin/css/layout.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/admin/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
<link href="${request.getContextPath()}/Public/assets/admin/css/custom.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css">
<link href="${request.getContextPath()}/Public/assets/global/css/kkpager.css" rel="stylesheet" type="text/css">

<link href="${request.getContextPath()}/Public/assets/admin/css/common.css" rel="stylesheet" type="text/css">

<link rel="shortcut icon" href="favicon.ico">

</head>

<body class="page-header-top-fixed">
<!--头部信息结束 -->
<div class="page-header">
	<div class="page-header-top">
		<div class="container">
			<!-- LOGO开始 -->
			<div class="page-logo">
				<a href="index.html"><img src="${request.getContextPath()}/Public/assets/admin/img/logo.jpg" alt="logo"></a>
			</div>
			<!--LOGO结束 -->
			
			<a href="javascript:;" class="menu-toggler"></a>
			
			<div class="top-menu">
				<ul class="nav navbar-nav pull-right">
					<!--洽谈提示开始-->
					<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
						<i class="icon-bell"></i>
						<span class="badge badge-default">7</span>
						</a>
						<ul class="dropdown-menu">
							<li class="external">
								<h3>你有 <strong>12 </strong> 条洽谈请求</h3>
								<a href="javascript:;">查看所有</a>
							</li>
							<li>
								<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
									<li>
										<a href="javascript:;">
										<span class="time">just now</span>
										<span class="details">
										<span class="label label-sm label-icon label-success">
										<i class="fa fa-plus"></i>
										</span>
										New user registered. </span>
										</a>
									</li>
									<li>
										<a href="javascript:;">
										<span class="time">3 mins</span>
										<span class="details">
										<span class="label label-sm label-icon label-danger">
										<i class="fa fa-bolt"></i>
										</span>
										Server #12 overloaded. </span>
										</a>
									</li>
									<li>
										<a href="javascript:;">
										<span class="time">3 mins</span>
										<span class="details">
										<span class="label label-sm label-icon label-danger">
										<i class="fa fa-bolt"></i>
										</span>
										Server #12 overloaded. </span>
										</a>
									</li>
									<li>
										<a href="javascript:;">
										<span class="time">3 mins</span>
										<span class="details">
										<span class="label label-sm label-icon label-danger">
										<i class="fa fa-bolt"></i>
										</span>
										Server #12 overloaded. </span>
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<!--洽谈提示结束-->
					<li class="droddown dropdown-separator">
						<span class="separator"></span>
					</li>
					<!-- 用户登录信息开始 -->
					<li class="dropdown dropdown-user dropdown-dark">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
						<img alt="" class="img-circle" src="${request.getContextPath()}/Public/assets/admin/img/avatar9.jpg">
						<span class="username username-hide-mobile">汪阳</span>
						</a>
						<ul class="dropdown-menu dropdown-menu-default">
							<li>
								<a href="3">
								<i class="icon-lock"></i>品目设置</a>
							</li>
							<li>
								<a href="../login.html">
								<i class="icon-key"></i>退出登录</a>
							</li>
						</ul>
					</li>
					<!-- 用户登录信息开始 -->
				</ul>
			</div>
		</div>
	</div>
	<!-- 头部信息结束 -->
	<!-- 头部菜单开始 -->
	<div class="page-header-menu">
		<div class="container">
			<!-- 菜单开始 -->
			<div class="hor-menu ">
				<ul class="nav navbar-nav">
					<li class="active">
						<a href="index.html">首&nbsp;&nbsp;页</a>
					</li>
					<li class="menu-dropdown mega-menu-dropdown ">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
						客户管理 <i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-left">
							<li>
								<a href=":;">
								<i class="icon-briefcase"></i>
								线索池 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-wallet"></i>
								客户池 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-bar-chart"></i>
								客户联系人 </a>
							</li>
						</ul>
					</li>
					<li class="menu-dropdown mega-menu-dropdown">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
						撮合管理 <i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-left">
							<li>
								<a href=":;">
								<i class="icon-briefcase"></i>
								卖盘池 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-wallet"></i>
								买盘池 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-bar-chart"></i>
								洽谈 管理 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-bar-chart"></i>
								订单管理 </a>
							</li>
						</ul>
					</li>
					<li class="menu-dropdown">
						<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="商品管理">
						商品管理 </a>
					</li>
					<li class="menu-dropdown mega-menu-dropdown">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
						统计分析<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-left">
							<li>
								<a href=":;">
								<i class="icon-briefcase"></i>
								线索统计 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-wallet"></i>
								订单统计 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-bar-chart"></i>
								报价统计 </a>
							</li>
							<li>
								<a href=":;">
								<i class="icon-bar-chart"></i>
								采购统计 </a>
							</li>
						</ul>
					</li>
					<li class="menu-dropdown mega-menu-dropdown">
						<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
						系统设置 <i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-left">
							<li>
								<a href=":;">
								<i class="icon-briefcase"></i>
								下游行业 </a>
							</li>						
						</ul>
					</li>
				</ul>
			</div>
			<!-- 菜单结束 -->
		</div>
	</div>
	<!-- 菜单结束 -->
</div>
<!-- END HEADER -->
<!-- BEGIN PAGE CONTAINER -->
<div class="page-container">
	<!-- 内容开始 -->
	<div class="page-content">
		<div class="container">
			<!-- 当前位置提示开始 -->
			<ul class="page-breadcrumb breadcrumb">
				<li>
					<a href="#">首页</a><i class="fa fa-circle"></i>
				</li>
				<li class="active">
					 客户管理<i class="fa fa-circle"></i>
				</li>
				<li class="active">
					 线索池
				</li>
			</ul>
			<!-- 当前位置提示结束 -->
			<div class="row margin-top-10">
			<div class="portlet light">
				<div class="portlet-body">
					<div class="row">
						<div class="col-md-2" style="padding-left: 5px;padding-right: 5px;">
						<div class="portlet" id="portletContent">
							<div class="portlet-title" id="portletTitle">
								<i class="fa fa-briefcase"></i>上海有色网信息科技...
							</div>
							<div class="portlet-body todo-project-list-content" style="height: auto;">
								<div class="todo-project-list">
									<ul class="nav nav-pills nav-stacked">
										<li class="active" style="text-align: center;">
											<a href="javascript:;">
											企业信息 </a>
										</li>
										<li style="text-align: center;">
											<a href="javascript:;">
											沟通记录</a>
										</li>
										<li  style="text-align: center;">
											<a href="javascript:;">
											联系人</a>
										</li>
										<li style="text-align: center;">
											<a href="javascript:;">
											订单记录</a>
										</li>
										<li style="text-align: center;">
											<a href="javascript:;">
											报价记录</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-10" style="padding-left: 5px;padding-right: 5px;">
							<div class="col-md-12">
								<div class="portlet light bordered">
									<div class="portlet-body" style="height: 13px;padding-top: 0px">
											<div style="float: left;">
												<span>联系人</span>
											</div>
											<div style="float: right;">
												<button  class="btn btn-xs green">
													<i class="fa fa-plus"></i> 添加 
												</button>
											</div>
									</div>
								</div>    
							</div>
							<div class="col-md-12">
								<div class="portlet light bordered">
									<div class="portlet-body">
										<table class="tb" cellspacing="1" border="1">
											<tr>
												<td class="tdTitle">姓名</td>
												<td class="tdContent">朱仁杰</td>
												<td class="tdTitle">性别</td>
												<td class="tdContent">男</td>
											</tr>
											<tr>
												<td class="tdTitle">职位</td>
												<td class="tdContent"></td>
												<td class="tdTitle">手机</td>
												<td class="tdContent"></td>
											</tr>
											<tr>
												<td class="tdTitle">QQ</td>
												<td class="tdContent"></td>
												<td class="tdTitle">固话</td>
												<td class="tdContent"></td>
											</tr>
											<tr>
												<td class="tdTitle">邮箱</td>
												<td class="tdContent"></td>
												<td class="tdTitle">交易身份</td>
												<td class="tdContent">
													<a href="javascript:;" class="btn default green-stripe">
													采购</a>
													<a href="javascript:;" class="btn default blue-stripe">
													销售 </a>
												</td>
											</tr>
										</table>
										<div class="entrust">
											<em>
												<a href="javascript:;" class="btn btn-xs blue">
													<i class="fa fa-edit"></i> 编制
												</a> 
												<a href="javascript:;" class="btn btn-xs green">
													<i class="fa fa-trash-o"></i> 删除
												</a> &nbsp;
												<i class="fa fa-user"></i>王五   &nbsp;
												<i class="fa fa-clock-o"></i>2015-07-08 17:09:23
											</em>
										</div>
										<br>
										<br>
										<table class="tb" cellspacing="1" border="1">
											<tr>
												<td class="tdTitle">姓名</td>
												<td class="tdContent">朱仁杰</td>
												<td class="tdTitle">性别</td>
												<td class="tdContent">男</td>
											</tr>
											<tr>
												<td class="tdTitle">职位</td>
												<td class="tdContent"></td>
												<td class="tdTitle">手机</td>
												<td class="tdContent"></td>
											</tr>
											<tr>
												<td class="tdTitle">QQ</td>
												<td class="tdContent"></td>
												<td class="tdTitle">固话</td>
												<td class="tdContent"></td>
											</tr>
											<tr>
												<td class="tdTitle">邮箱</td>
												<td class="tdContent"></td>
												<td class="tdTitle">交易身份</td>
												<td class="tdContent"></td>
											</tr>
										</table>
										<div class="entrust">
											<em>
												<a href="javascript:;" class="btn btn-xs blue">
													<i class="fa fa-edit"></i> 编制
												</a> 
												<a href="javascript:;" class="btn btn-xs green">
													<i class="fa fa-trash-o"></i> 删除
												</a> &nbsp;
												<i class="fa fa-user"></i>王五   &nbsp;
												<i class="fa fa-clock-o"></i>2015-07-08 17:09:23
											</em>
										</div>
									</div>
								</div>    
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>
</div>
<!-- 内容结束 -->
<!-- 底部开始 -->
<div class="page-prefooter">
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>撮合系统</h2>
				<p>
					 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
				</p>
			</div>
			<div class="col-md-3 col-sm-6 col-xs12 footer-block">
				<h2>Subscribe Email</h2>
				<div class="subscribe-form">
					<form action="javascript:;">
						<div class="input-group">
							<input type="text" placeholder="mail@email.com" class="form-control">
							<span class="input-group-btn">
							<button class="btn" type="submit">Submit</button>
							</span>
						</div>
					</form>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>其他系统</h2>
				<ul class="social-icons">
					<li>
						<a href="javascript:;" data-original-title="rss" class="rss"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
					</li>
					<li>
						<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
					</li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
				<h2>技术支持</h2>
				<address class="margin-bottom-40">
				Phone: 800 123 3456<br>
				 Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
				</address>
			</div>
		</div>
	</div>
</div>
<!-- 底部结束 -->
<!-- 底部开始 -->
<div class="page-footer">
	<div class="container">
		 2015 &copy; 上海有色网信息科技股份有限公司 
	</div>
</div>
<div class="scroll-to-top">
	<i class="icon-arrow-up"></i>
</div>
<!-- 底部结束 -->

<!--[if lt IE 9]>
<script src="${request.getContextPath()}/Public/assets/global/plugins/respond.min.js"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/jquery-notific8/jquery.notific8.min.js"></script>

<script src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>

<script src="${request.getContextPath()}/Public/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/admin/scripts/layout.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/kkpager.min.js" type="text/javascript"></script>
<script src="${request.getContextPath()}/Public/assets/admin/scripts/commonUtils.js" type="text/javascript"></script>
<script>
	
	jQuery(document).ready(function() {
	   Metronic.init(); // init metronic core componets
	   Layout.init(); // init layout
	});
</script>
</body>
</html>